<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
		<div id="n1">
    		<p id="n2" class="demo test" data-key="UUID" data_value="1235456465">CodePlayer</p>
  			<input id="all" name="order_id" type="checkbox" value="1">
   			<input id="n4" name="order_id" type="checkbox" checked="checked" value="2">
		</div>
		<script>
			/* 
			 
			 *1. prop()函数针对的DOM元素属性，attr()函数针对的是DOM元素所
			 * 对应的文档节点属性
			 * 2.prop()函数如果更改input和button的type属性，在大都数浏览器上都会报错；
			 * 3.prop()函数操作表单元素的checked,selected,disable,选中就是true，没就是false
			 * 4.
			 * */
			var string="wwwwwwwwwwwwwwwwwwwwwwww";
			var string1=string.substring(0,5);
			console.info(string1);
			$(function(){
				var $n2=$("#n2");
				console.info($n2.prop("data-key"));
				console.info($n2.prop("data_value"));
				console.info($n2.prop("id")); //n2
				console.info($n2.prop("tagName"));//p
				console.info($n2.prop("className"));//demo test
				console.info($n2.prop("innerHTML"));
                // 以对象形式同时设置多个属性，属性值可以是对象、数组等任意类型
				$n2.prop({
					prop_b:"bakie",
					prop_c:18,
					site:{
						name:"code",
						url:"wwww.baidu.com"
					}
				})
				console.info($n2[0].prop_c);
				console.info($n2[0].site.url);
				// 反选所有的复选框(没选中的改为选中，选中的改为取消选中)
				$("#all").click(function(){
					$("input:checkbox").prop("checked", function(index, oldValue){
					    return !oldValue;
					});
				
				})
			})
			
		</script>
	</body>
</html>
